<!--
*Author：jxx
 *Contact：283591387@qq.com
 *代码由框架生成,任何更改都可能导致被代码生成器覆盖
 *业务请在@/extension/mall/V_box_order.js此处编写
 -->
<template>
  <div>
    <view-grid ref="grid" :columns="columns" :detail="detail" :editFormFields="editFormFields"
      :editFormFileds="editFormFields" :editFormOptions="editFormOptions"
      :searchFormFields="searchFormFields" :searchFormFileds="searchFormFields"
      :searchFormOptions="searchFormOptions" :table="table" :extend="extend">
    </view-grid>
  </div>
</template>

<script>
import extend from "@/extension/mall/V_box_order.js";
import ViewGrid from "@/components/basic/ViewGrid.vue";
var vueParam = {
  components: {
    ViewGrid,
  },
  data() {
    return {
      table: {
        key: "name",
        footer: "Foots",
        cnName: "租赁柜订单",
        name: "V_box_order",
        url: "/V_box_order/",
        sortName: "createDate",
        paginationSize: 99999999,
        paginationHide: true,
      },
      extend: extend,
      editFormFields: {},
      editFormOptions: [],
      searchFormFields: { name: "" },
      searchFormOptions: [
        [
          { title: "顾客姓名", field: "name", type: "like" },
          { title: "顾客手机", field: "phone", type: "like" },
          { title: "订单号", field: "orderId", type: "like" },
        ],
        [
          {
            title: "租赁状态",
            field: "status",
            type: "select",
            dataKey: "V_box_order_status",
            data: [],
          },
        ],
      ],
      columns: [
        {
          field: "name",
          title: "顾客姓名",
          type: "string",
          width: 120,
          require: true,
          align: "left",
        },
        {
          field: "phone",
          title: "顾客手机",
          type: "string",
          width: 120,
          align: "left",
        },
        {
          field: "title",
          title: "柜号",
          type: "string",
          width: 120,
          align: "left",
        },
        {
          field: "status",
          title: "租赁状态",
          type: "int",
          width: 90,
          align: "left",
          bind: { key: "V_box_order_status", data: [] },
        },
        {
          field: "distributorCode",
          title: "分销商名称",
          type: "string",
          bind: { key: "distributor_name", data: [] },
          width: 220,
          align: "left",
          sortable: true,
        },
        {
          field: "orderId",
          title: "订单号",
          type: "string",
          width: 220,
          align: "left",
        },
        {
          field: "price",
          title: "租赁价格",
          type: "decimal",
          width: 90,
          align: "left",
        },
        {
          field: "remainingDeposit",
          title: "剩余押金",
          type: "decimal",
          width: 90,
          align: "left",
        },
        {
          field: "occupancyTime",
          title: "租赁时间",
          type: "datetime",
          width: 190,
          align: "left",
          sortable: true,
        },
        {
          field: "returnTime",
          title: "归还时间",
          type: "datetime",
          width: 190,
          align: "left",
          sortable: true,
        },
        {
          field: "startTime",
          title: "租赁开始时间",
          type: "datetime",
          width: 190,
          align: "left",
          sortable: true,
        },
        {
          field: "endTime",
          title: "租赁结束时间",
          type: "datetime",
          width: 190,
          align: "left",
          sortable: true,
        },
      ],
      detail: {
        cnName: "#detailCnName",
        columns: [],
        sortName: "",
        key: "",
      },
    };
  },
};
export default vueParam;
</script>
